<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0,user-scalable=no">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <link rel="shortcut icon" href="favicon.ico"/>
    <link rel="stylesheet" href="./lib/bootstrap/css/bootstrap.min.css">
    <link rel="stylesheet/less" href="css/base.less">
    <link rel="stylesheet/less" href="./css/getproductlist.less">
    <script src="lib/less/less.js"></script>
    <title>慢慢买</title>
</head>

<body>
    <!--头部区域-->
    <header class="clearfix">
        <div class="logo">
            <a href="index.html">
                <img src="images/header_logo.png" alt="">
            </a>
        </div>
        <div class="download">
            <img src="images/header_app.png" alt="">
        </div>
    </header>

    <!--搜索区域-->
    <section class="search">
        <form action="#">
            <input type="search" placeholder="请输入你想比价的商品">
            <input type="button" value="搜索">
        </form>
    </section>
    <!--中间详情模板-->
    <script type="text/html" id="productTmp">
        {{if result}}
            {{each result as value i}}
                <li class="item ">
                    <a href="bijia.html?productid={{value.productId}}&productName={{value.productName}}"></a>
                    {{#value.productImg}}
                    <div class="info">
                        <div class="text">{{value.productName}}</div>
                        <div class="price">{{value.productPrice}}</div>
                        <div class="other">
                            <div class="mall">商城{{value.productQuote}}</div>
                            <div class="comment">{{value.productCom}}</div>
                        </div>
                    </div>
                </li>               
            {{/each}}        
        {{/if}}
    </script>

    <!--面包屑导航栏-->   
    <section class=" nav ">
        <a href="index.html">首页 &gt;</a>
        <a href="category.html">全部分类 &gt;</a>
        <a href="productlist.html" id="variety"> </a> <i>&gt;</i>
        <!--<a href="javascript:;" class="screen">筛选</a>-->
    </section>
    <!--商品列表-->
    <section class="product-list">
        <ul>
           
        </ul>
         <!--翻页-->
        <div class="page">
            <span class="s">
            <a href="javascript:;" class="up">上一页</a>
            </span>
            <span class="s">
                <select name="select" id="selectPage">
                    <!--<option value="1">1/4</option>
                    <option value="2">2/4</option>
                    <option value="3">3/4</option>
                    <option value="4">4/4</option>  -->
                </select>
            </span>
            <span class="s">
                <a href="javascript:;" class="next">下一页</a>
            </span> 
        </div>
    </section>
   
    
    <!--footer区域-->
    <footer>

        <div class="footer-top ">
            <a href="login.aspx.htm " class='log'>登录</a>
            <a href="login.aspx.htm " class='reg'>注册</a>
            <a href="# " class='toTop'>
                <img src="http://www.zuyushop.com/wap/images/top.jpg " alt=" ">返回顶部</a>
        </div>
        <div class="footer-bottom ">
            <p><a href="javascript:; ">
                手机APP下载
            </a><a href="index.html ">慢慢买手机版</a>--掌上比价平台</p>
            <p>m.manmanbuy.com</p>
        </div>
    </footer>
    <!--js引包-->
    <script src='lib/jquery/jquery.min.js'></script>
    <script src='lib/template.js'></script>
    <script src="js/base.js"></script>
    <script src="js/productlist.js"></script>
</body>

</html>